<template>
  <div class="header">
     <span class="iconfont icon-return back-icon" @click="gohome"></span>
     <div class="text">城市选择</div>
  </div>
</template>

<script>
export default {
  name: 'headerCity',
  methods: {
    gohome () {
      this.$router.push('/home')
    }
  }
}
</script>

<style lang="stylus" scoped>
@import '~@/assets/styles/varibles.styl'
  .header
   display flex
   height $headerHeight
   line-height $headerHeight
   background-color $bgColor
   color $color
   text-align center
   .back-icon
    display block
    width .64rem
    font-size .5rem
   .text
    text-align center
    margin-left 2.6rem
</style>
